/**
 * 文档作者: wj
 * 创建时间：2018年05月24日
 * 修改时间：2018年05月24日
 * 描述信息：我的订单管理页面
 */
import React, {Component} from 'react';
import './order-list.scss';
import windowService from '../../api/window.service';

class OrderList extends Component {
    render() {
        return <div className='order-list-component top-center'>
            {
                this.props.data && this.props.data.map(value => {
                    return <div className='order-list shadow' key={value.order_id}>
                        <h1>订单号: {value.order_id}</h1>
                        <div className='img-content'>
                            <img alt='logo' src={value.sku_image} />
                            <div className='right'>
                                <h1>{value.title}</h1>
                                <p>{value.sub_title}</p>
                            </div>
                        </div>
                        <p>订单类型: {value.order_src}</p>
                        <p>购买日期: {value.createAt}</p>
                        <p>支付流水号: {value.pay_id}</p>
                        <p>物流公司: {value.tran_address}</p>
                        <div className='footer both-sides'>
                            <span>状态:<span className='grean'>{value.order_status}</span></span>
                            <button onClick={this.onEvaluation.bind(this, value)}>{value.isCmt === 0 ? '评价' : '已评价'}</button>
                        </div>
                    </div>
                })
            }
        </div>
    }

    /**
     *  点击评价
     * @param {Object} keep 节点数据
     */
    onEvaluation(node) {
        if (node.isCmt === 0) this.props.self.history.push('/evaluation');
        windowService.setSaveOrderNode(node);
    }
}

export default OrderList;